![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Bambi12
踏踏实实搞技术
展开
-
自定义组件的v-model
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vu原创 2020-08-11 16:54:31 · 219 阅读 · 0 评论 -
Vue watch
1. 监听数据变化,当数据发生变化时,调用函数进行数据处理data中的普通值则用普通监听即可针对对象的监听修改要使用深度监听如果接受父组件传来的属性值,需要初次即执行函数,则设置immediate属性为truenew Vue({ el:"#root", data:{ inputValue:'', list:[1,2,3], Perso...原创 2019-08-14 13:50:27 · 200 阅读 · 0 评论 -
vue render渲染函数
使用场景:一般情况下,vue使用template来创建html,但是在某些情况下,需要用js来编写,这时候就用render函数了render函数形式演变:render:function(createElement){ return createElement(App)}进一步缩写为:render(createElement){ return createElement(Ap...原创 2019-08-14 15:28:14 · 702 阅读 · 0 评论 -
Vue学习(二)——内容显示和绑定事件
&amp;amp;amp;amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;lt;head&amp;amp;amp;amp;amp;am原创 2018-11-09 14:05:31 · 198 阅读 · 0 评论 -
Vue学习(三)——属性绑定和双向数据绑定
&amp;amp;amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;lt;head&amp;amp;amp;amp;amp;amp;gt; &原创 2018-11-09 14:12:58 · 194 阅读 · 0 评论 -
Vue学习(四)——计算属性和侦听器
&amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;html&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;head&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;meta charset=&amp;amp原创 2018-11-09 14:46:33 · 173 阅读 · 0 评论 -
Vue学习(五)——v-if,v-show,v-for指令
&amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;am原创 2018-11-09 17:29:21 · 245 阅读 · 0 评论 -
Vue学习(六)——父子组件之间的传值
&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;utf-8&amp;quot; /&amp;amp;gt; &原创 2018-11-09 17:40:05 · 236 阅读 · 0 评论 -
Vue学习(七)——使用Vue-cli脚手架工具构建项目
(1)首先安装环境:https://blog.csdn.net/dreamzuora/article/details/78911664 这篇文章写得很赞(2)在指定的文件夹内搭建,输入指令vue init webpack todolist然后根据提示进行选择,然后回车就ok了...原创 2018-11-09 17:59:20 · 237 阅读 · 0 评论 -
Vue学习(一)——挂载点、模板、实例之间的关系
&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;Vue入门&lt;/title&gt; &lt;scr原创 2018-11-09 10:28:28 · 436 阅读 · 0 评论