-
编译vue : vue serve xxx.vue 前提是要在全局安装 serve<br />查看全部
-
如何在页面中使用vuex: import store from '@/store' 在info中如何改变他的状态 : 在 add方法中 store.commit('store中的方法名') 如何将值传递到 about的组件中: 在about中 引入: import store from '@/store' export default { name: 'about', data() { return { msg: store.state.count } } }
查看全部 -
watch以及computed都只侦听自己的vue对象所绑定的元素,这个元素是唯一的,即使是用重复的,vue也会选择出现的第一个。
watch是侦听,当元素的data内容改变以后就触发(不知道说的对不对)
computed也是侦听,不过相当于watch不同的是,他是与data中的具体某个元素的值绑定(值于函数相关联)。就看起来说。当元素所绑定的函数中所使用到的值被刷新(改变了),该元素的值也同时被改变呢。
查看全部 -
记录一下推荐的CDN网址。
https://www.bootcdn.cn/
查看全部 -
知识体系图谱
查看全部 -
开发环境:
本地现有版本npm:6.4.1、node:V8.12.0
调试插件Vue.js
脚手架 Vue-cli
查看全部 -
代码风格很重要 严格遵守
方便阅读,在官方文档中有个风格指南(半个小时阅读)
查看全部 -
删除远程dev分支
#删除本地dev分支 git branch -D dev #将本地dev分支的修改提交到远程 git push origin :dev
查看全部 -
#回退到上一次提交之前 git reset --hard head^
回退错了,要撤销回退
#查看所有提交历史(git log只能看到当前版本之前的提交,回退后就看不到回退前的提交历史了) git relog #然后再回退到相应版本 git reset --hard HEAD@{1}
查看全部 -
计算属性:computed(必须要与其他元素联动,否则,就算使用随机字符串每次结果不一样,也不会更新)
侦听器:watch
使用场景,watch(异步场景),computed(数据联动)
computed:{
msg1:function(){
return 'msg1:'+this.msg;
}
}
watch:{
msg:function(newval, oldval){
console.log('newval is:' + newval)
console.log('oldval is:' + oldval)
}
}
查看全部 -
将数据存入浏览器本地缓存中localStorage.setItem('key',value)
在控制台输入localStorage即可查看当前的localStorage中存储的值
localStorage.clear()清空localStorage中存储的数据
localStorage.getItem('key')取得localStorage中的键名为key的值
在vue组件中使用scss方式书写css,需要在style标签中将lang属性的值设置为scss
scss书写方式可以在选择器内部直接加入选择器
vue组件中使用linkActiveClass来管理路由link的选中状态,写法为{'linkActiveClass':'active'},表示路由link被选中状态的时候class为active
在sass语法中,在选择器内部使用&符号代表父级选择器
查看全部 -
vue serve xxx.vue可以快速调试xxx组件文件
data中的另外一个写法:data(){return{key:value}}
v-for的写法:v-for="(item,index) in lists" :key="index"
查看全部 -
组件的三个特点:独立性,可复用性,完整性
解决组件化带来的问题的方式:vuex进行组件间的状态管理,vue-router组件间的路由管理;还有组件间的传参、消息、事件管理
查看全部 -
最基本的一个使用方式
new Vue({
el:'#id', data:{ msg:'hello vue' }
})
查看全部 -
www.bootcdn.cn静态资源cdn服务
查看全部
举报