![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
物以稀为贵yeah
这个作者很懒,什么都没留下…
展开
-
vue获取dom元素值
1、通过refs来获取dom元素内容 2、需要利用到jq,但是不支持,学习vue.js,都说需要抛弃jq,否则会禁锢你的思想通过refs方法ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素; 如果用在子组件上,引用就指向组件实例。这里主要是介绍在普通dom元素上使用。看下面的例子:无论是点原创 2017-05-19 17:39:11 · 11773 阅读 · 1 评论 -
vue实现切换class(与style的绑定)
1、先在data里面添加一个变量:isact,默认可设置为0data() { isact: 0}2、在页面中可以这么写:<li v-for="(item, index) in shopSort" @click="tabsort(index)" :class="{ active: iscur == index }">{{ item }}</li>3、在methods中添加一个方法:tab原创 2017-06-15 15:20:29 · 5317 阅读 · 0 评论 -
Vue2.0的小总结
1、模板语法1、文本数据绑定最常见的语法就是双大括号型的文本插值。例子如下:<template> <div> <p>hello {{world}}</p> <p v-text="'hello ' + world"></p> <p>{{`hello ${world}`}}</p> <p v-text="`hello ${worl原创 2017-06-05 09:28:33 · 205 阅读 · 0 评论 -
vue中修改了数据但视图无法更新的情况
我们有时候常碰到vue中明明修改了数据,但是视图无法更新,因此我总结了一点点碰到此类的情况:1、v-for遍历的数组,当数组内容使用的是arr[0].xx =xx更改数据,vue无法监测到 数组数据变动:我们使用某些方法操作数组,变动数据时,有些方法无法被vue监测,有些可以Vue包装了数个数组操作函数,使用这些方法操作的数组去,其数据变动时会被vue监测: push()pop()shif转载 2017-08-14 10:24:41 · 23154 阅读 · 1 评论 -
vue搭建详解
1、Vue推荐开发环境 Node.js 6.2.0、npm 3.8.9、webpack 1.13、vue-cli 2.5.1、webstrom20162、安装环境2.1、安装nodejs 去nodejs官网下载即可,地址:http://nodejs.cn/中文网。安装完以后,打开命令行(Windows+R)快捷键打开cmd窗口,输入 node -v ,如果出现版本号,那就安原创 2017-10-10 17:21:40 · 702 阅读 · 0 评论