-
1. vue实例中，可以用 typeof 判断一个数据是否存在：typeof item.price 如果返回undefined，说明该变量不存在
2. vue 的 set 方法 1) 全局注册： Vue.set 方法，添加全局变量 ；2）局部注册：this.$set(target,key,value)
查看全部 -
源码下载地址：https://github.com/jgchenu/vue-shopcar
源码演示地址：https://jgchenu.github.io/vue-shopcar/
查看全部 -
！查看全部
-
splice 和 slice 区别？
splice 是对原始数据进行改变；
slice 是生成一个新的对象返回，不会改变原始数据。
查看全部 -
then(res=>{})es6，箭头函数里面的作用域指向外层查看全部
-
v-show 只是dom节点的display none和block
v-if 是存不存在这个节点的问题
查看全部 -
过滤器用法：
{{item.productPrice | formatMoney}}
filters:{
formatMoney:function(default){
return "Y"+value.toFixed(2); } }
写在外部的是全局过滤器(value:默认值 ，type参数)
Vue.filter("money", function (vaule, type) {
return "￥" + vaule.toFixed(2) + type; })
例如：{{item.productPrice | money(元)}}
查看全部 -
排错，在source菜单里Ctrl+P：打开文件
查看全部 -
渐进式框架
查看全部 -
点击每个模块选中：
<div v-for="(item,index) of list" :class="{'check':index==currentIndex}" @click="currentIndex=index"></div>
查看全部 -
v-bind绑定的属性不会覆盖原有的，只是添加一个，例如<a class="aa" :class="{'check':item.checked}"></a>
Vue.set(item,"checked",true)，通过Vue全局注册往item里添加checked变量，默认值是true。
this.$set(item,"checked",true)，则是局部注册
查看全部 -
src：需要用属性绑定来渲染图片，例如：<img :src="item.productImage" alt="">
查看全部 -
Vue基础指令：
v-mode：双向绑定，用于文本框、输入框、单选、复选、下拉框等等，输入改变，模型也会改变；反之，模型改变，输入也会改变。
v-text：更多的是一个文本的渲染，与{{ }}类似，只是在页面未加载完vue的时候，{{ }}会显示在页面上，所以一般采用v-text进行页面的渲染。
v-show：控制DOM的显示隐藏
v-if：也是控制DOM的显示隐藏，不过与v-show的区别在于，v-if是不加载DOM，而v-show是在DOM上加上display:none。
v-bind：给元素添加属性即属性绑定，可简写为冒号：。
v-on：时间的绑定，可简写为@
v-for：循环，主要用在表格，比如<li>循环
查看全部 -
filter 对接口的转换，比如货币、显示形式
v-model是表单指令
v-show 与 v-if都是控制显示隐藏
区别
v-show 只是加display而已
v-if demo如果不显示，那整个dem都没有了
v-text 和 {{ }}效果是一致的，大括号在第一次VUE没有初始化完成之前没有内容，所以一般渲染页面使用V-TEXT
vue 16kb
jq 50\60K
react 18KB
查看全部 -
new Vue({
el:"#APP",
data:{
//数据
},
filters:{
//内部过滤器
},
mounted:function(){
//生命周期
},
methods:{
//方法
}
})
查看全部
举报