![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Doigt_
这个作者很懒,什么都没留下…
展开
-
Vue入门3-组件
1、定义组件(1)局部组件组件的定义模式可以直接在程序里面采用HTML字符串的方式进行定义,先进行一个局部组件的定义,所谓局部组件指的是针对于某个Vue对象定义的。JS代码:app=new Vue({ el:'#msgDiv', components:{ //定义局部组件,这个组件只对当前对象有效 "message-component":{ template:"<div>嗨皮的学习vue.js开发框架</div>" } } })HTML代码原创 2021-03-03 11:50:52 · 485 阅读 · 0 评论 -
Vue入门2
1、数据计算JS代码:app=new Vue({ el:'#msgDiv', data:{ numb1:0, numb2:0 }, computed:{//表示计算结果,同样可以进行数据渲染 addnumber:function(){ return parseInt(this.numb1)+parseInt(this.numb2) }, subnumber:function(){ return this.numb1-this.numb2 }, muln原创 2021-03-03 10:52:16 · 83 阅读 · 0 评论 -
Vue入门1
1、引入Vue<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>或者<script src="https://cdn.jsdelivr.net/npm/vue"></script>2、声明式数据渲染JS代码:var app = new Vue({ el: '#msgDiv', data: { message: 'Hello word' }原创 2021-03-03 10:09:31 · 98 阅读 · 0 评论