vue⾥操作DOM
⼀般来说你要在vue⾥操作DOM，要先在标签⾥加上ref=“”，如下：
<h2 ref="s" @click="sss">Essential Links</h2>
然后在点击的事件sss写下你想要的效果代码：（注意的是上⾯的ref的s，要写在下⾯this.$refs，不要忘了）
methods: {
sss() {
jquery在项目里是干啥的this.$refs.lor = "blue";
}
}
如果你想要弄更多的效果，特效就要引⼊Jquery
1.npm install jquery --save
2.在项⽬根⽬录下的build⽬录下到f.js⽂件，在开头使⽤以下代码引⼊webpack，因为该⽂件默认没有引⽤，如下：var webpack = require('webpack')
3.还是该⽂件，在ports模块⾥写下这⼀段
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
jquery: "jquery",
"window.jQuery": "jquery"
})
],
4.main.js⾥导⼊jQuery
import 'jquery'
5.若有.eslintrc.js⽂件，则在ports中，为env添加⼀个键值对jquery: true就可以了
若⽆这个⽂件，则不⽤管
这个时候我们可以来测试了
在created的⽣命周期⾥写下：console.log($('选择器'));
浏览器显⽰：
就成功了
不过值得注意的是：
你要使⽤jQuery，要在vue渲染完成后，才使⽤
就是在mounted周期⾥⽤，如：
mounted() {
$(".hello").css("color", "red");
$(".aaa").css("color", "red");
},

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。