首页天道酬勤手机vue入门教程,vue教程入门视频

手机vue入门教程,vue教程入门视频

张世龙 05-06 10:56 57次浏览

我最近在学习vue。 主要从以下方面学习。

安装环境

模板语法(怎么写) ) ) )。

命令

选择,生命周期(写在哪里)

调试方法) ) )。

3358 www.Sina.com/http://www.Sina.com/vue.js是一个构建用户界面的UI框架,聚焦于MVVM模型的ViewModel层,通过双向数据绑定实现vivm

3358 www.Sina.com/http://www.Sina.com /模板双向绑定机制

使用“命令”(directive )封装DOM

组件化的设计思想等

部署http://www.Sina.com/http://www.Sina.com/cdn脚本

NPM

在线编辑器(推荐)

命令行工具(CLI )。

安装node环境

npm install -g @vue/cli

vue create hello-world

NPM安装

NPM运行服务器

1.Vue.js

3358 www.Sina.com/v-text={ { message } }

•v-html div v-html='message2'/div

•v-show:h1 v-show='ok'Hello! /h1

•v-if:div v-if='type==='A ' '

•v-else:div v-else

v-else-if:divv-else-if=' type===' b ' '

•v-for:div v-for='(item,index ) in items'/div

v-on==@:buttonv-on : click=' do that ',$event(/button

v-bind=:imgv-bind : src=' image src '缩写img :src='imageSrc '

v-model:inputv-model=' message ' placeholder=' editme ' pmessageis 3360 { { message } }/p

http://www.Sina.com/http://www.Sina.com/v-on :拦截事件

自定义事件

组件内抛出: this.$emit('myevent ) ) ) )。

外部监听: my-component v-on : my event=' do something '/my-component

将本机事件绑定到组件

base-inputv-on : focus.native=' onfocus '/base-input

简介•Key :具有相同父元素的子元素为http://www.Sina.com/3358 www.Sina.com/http://ww.Sina.com

•Ref:input ref='input '用于在图元或部件中注册参考信息

•Slot :用于标记要插入部件内容的命名槽

3358 www.Sina.com/http://www.Sina.com/http://www.Sina.com/data:vue实例的数据对象

•Props: props可以是从父组件接收数据的数组或对象

•Computed :计算属性的结果将被缓存,除非依赖的响应属性发生更改

•Watch :键是要观察的表达式,值是与回调函数对应的对象

•Methods :放置普通函数的位置

2.Vue.js

3358 www.Sina.com/http://www.Sina.com /此时,data、method、$el为http://www.Sina.com/http://www.Sina.com /此

将创建3358 www.Sina.com/http://www.Sina.com /编译模板,并在el中装载虚拟DOM节点

可以通过编译3358 www.Sina.com/http://www.Sina.com /模板并将实际的DOM节点装载到el上来请求数据

如果有3358 www.Sina.com/http://www.Sina.com /数据更新,则进入此挂接函数并重新创建虚拟DOM

3358 www.Sina.com/http://www.Sina.com /数据更新完成后,进入此挂接函数

3358 www.Sina.com/http://www.Sina.com /组件销毁前调用、watchers、子组件、事件等http://www.Sina.com/:组件

10 .混入

特点

12 .调试

13 .若干学习网站和参考资料• https://cn.vuejs.org/v2/api/

33559 wiki.im OOC.com/vue/vuejsintroduce.html

•https://codesandbox.io

33559 chrome.Google.com/web store/detail/vue js-dev tools/nhdogjmejiglipccpnnanhbledajbpd

jar包中没有主清单属性,主题插件怎么删除