![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
编码要得劲
努力学习
展开
-
项目常用配置(慢慢更新)
Vue3中保存自动格式化代码在eslint的setting.json中添加/* *这一段是Vue3的配置,勿删!!! */ "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatter.html": "js-beautify-html", /* *eslint是JavaScript的语法规则校验器! */原创 2020-12-10 15:40:17 · 122 阅读 · 0 评论 -
使用vue-cli搭建一个vue项目
1.首先需要下载vue 和vue-cli到全局npm i vue vue-cli -2.开始搭建,并使用webpack进行管理vue init webpack projectName //开始搭建// 在搭建的过程中,它会询问以下问题? Project name projectName //项目名是否为projectNam? Project description(A Vue....原创 2019-10-26 19:10:48 · 113 阅读 · 0 评论 -
Vue的生命周期与钩子函数
生命周期1,new Vue() 第一步会先创建一个vue实例2,开始初始化事件,同使vue的生命周期就开始了3,初始化数据,把data中所有的数据都通过Object.defineProperty添加到vm身上4,判断vue的监管范围,判断是否指定了el属性;//如果指定了,el中的html就是它的监管范围//如果没指定,等待vm.$mount(el)添加监管范围//如果一直没有添加,...原创 2019-09-20 11:21:54 · 81 阅读 · 0 评论 -
Vue.js基础
vue 的使用1,(1)可以使用npm下载vue包,npm install vue (2),也可以去官网下载,https://cn.vuejs.org/v2/guide/installation.html ,有生产版本和开发版本,初学和开发中建议使用开发版本,因为它会提示你某些错误和警告,在生产版本中删除了一些常用的错误和警...原创 2019-09-20 14:40:46 · 93 阅读 · 0 评论 -
vue中动态添加属性与复杂类型数据更改的更新检测
vue中动态添加属性如果一个属性是通过后期动态添加的,那么这个属性将不是响应是的,也就是说如果它发生了改变或者你添加上去了,页面中也是不知道的,因为在vue中,响应式的属性都在vue的生命周期中通过Object.defineProperty修饰过的,所以它是响应式的,如果在后期你要添加一个属性,它还要是响应式的,那么需要使用Vue.set(vm,属性名,属性值)方法进行添加//比如说在某个方法...原创 2019-09-20 15:03:41 · 684 阅读 · 0 评论 -
vue组件之间的传值
组件之间的传值分为3种:父 —>子 父组件给子组件传值子 —>父 子组件给父组件传值非父子组件传值方法:父—>子//父组件通过给子组件定义属性传值<div id='app'> //通过绑定属性的方式,money是你自己定义的,msg是要传给子组件的值 <son :money='msg'></son></di...原创 2019-09-21 11:18:58 · 74 阅读 · 0 评论