![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
菜鸡的全栈路
本博客仅供自己在学习、工作的过程中记录、总结,以便日后复习。当然本着开源的精神,如果能帮助到他人,也是一件很高兴的事情。
展开
-
Vue基础
一、渐进式框架二、两个核心点相应的数据绑定视图组件三、虚拟DOM四、MVVM模式五、Vue实例六、声明渲染七、指令八、模板原创 2019-05-04 03:10:07 · 17921 阅读 · 4 评论 -
Vue组件
定义组件的两种方式全局定义组件局部定义组件 <div id="demo"> <!--使用组件--> <my-component></my-component> </div>Vue.component("my-component",{ // 全局定义组件 template:`<div...原创 2019-05-19 17:59:04 · 152 阅读 · 0 评论 -
Vue/cli 2与3
写在正文之前: 查了许多教程,网上大多都是2.*之前版本的cli,而官网也说明了Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。因此我自己总结了一份。and新版的@vue/cli要求node版本在8.9以上,如未达到请更新node版本,这里我使用的是node10.15.3老版本vue-cli创建一个项目全局安装老版本的vue-cli:npm install --glo...原创 2019-05-26 18:08:10 · 1130 阅读 · 0 评论 -
webCpmponent
传统的组件开发:代码由四部分构成:引入CSS组件样式部分<link rel="stylesheet" href="***.css">JS组件封装逻辑部分<script src="***.js"></script>HTML组件模板代码<div></div>JS组件创建脚本代码<script></scri...原创 2019-07-01 21:12:36 · 253 阅读 · 0 评论 -
简单数据响应式原理(数据双向绑定)
什么是数据响应式即数据双向绑定,改变Model时,View自动更新。改变View时,Model也会自动更新。数据响应式原理在Vue2.x版本中,利用Object.defineProperty()重新定义对象获取属性值(get)和设置属性值的操作实现数据响应。在Vue3.0版本中,采用ES6的Proxy对象来实现。数据响应简单实现Object.defineProperty()实现数据...原创 2019-06-29 01:51:02 · 2026 阅读 · 0 评论