vue
Cs_sssss
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
模板语法 mustache语法 双大括号语法
模板语法 mustache语法 双大括号语法 指令 Vue 指令 组件 作用: 是用来操作DOM的,指令就是绑定在DOM身上的一个属性,这个属性具备一定的功能,这个功能用来操作DOM 以后我们不在像以前一样,先获取DOM,在操作了,我们现在可以直接使用指令来操作DOM 这个指令需要模板语法的支持,所以我们采用jsx语法糖 模板语法 模板语法支持性还是很高的,数据类型都是支持的,但是不支持 输出...原创 2019-05-25 14:47:07 · 644 阅读 · 0 评论 -
cil的安装和自定义组件的使用
cli cli是什么? cli是vue提供的一个快速(自动化) 构建项目的一个脚手架 ,类似于我们之前所学的 express-generator cli的版本 目前最新 3.x 老版本是 2.x cli的底层的自动化工具是: webpack cli的安装 npm/cnpm/yarn 都可以使用 $ yarn add @vue/cli global 这个是cli3的版本...原创 2019-05-30 19:24:27 · 504 阅读 · 0 评论 -
vue接口,过滤器,生命周期
1.slot 作用: 可以让我们在组件中书写内容 举例: 2.trabsition vue中实现过渡或是动画一共提供了这样四种形式: 在 CSS 过渡和动画中自动应用 class — 自己写css3动画 可以配合使用第三方 CSS 动画库,如 Animate.css – 别人写好了类名,我们用 在过渡钩子函数中使用 JavaScript 直接操作 DOM – 自己用原生js来写动画 可以配合使用...原创 2019-05-28 19:40:44 · 490 阅读 · 0 评论 -
VUE的基础操作
一.mustache 1.{{ msg }}是{{ this.msg }}的缩写 2.mustache语法糖对支持大部分数据类型如: 基础数据类型: number string boolean 复杂数据类型: Object( array function ) 特殊数据类型: null undefined 但是mustache不支持console.log和alert 3.指令: 写法:v-xxx ...原创 2019-06-19 17:49:58 · 316 阅读 · 0 评论 -
vue-filter过滤器
1.什么是vue过滤器? Vue过滤器是用来格式化一个数据的工具,Vue 1.x版本借用了angular , 提供 10 个过滤器, 包括有: 日期 小数点位数保留 货币 大小写 等。 到Vue 2.x时废弃了这10个过滤器,但是它提供了自定义过滤器功能。 2.过滤器的使用方式 (1)全局定义过滤器 html: {{ time | timeFilter(’/)}} js: Vue.fil...原创 2019-07-02 19:32:00 · 356 阅读 · 0 评论 -
vue的生命周期和钩子函数
vue中的生命周期指的是 组件 从创建到销毁一个过程,在这个过程中,我们在每一个特定的阶段会触发一些方法,我们给这些方法起了个名字叫做钩子函数或是组件钩子。 vue的生命周期分三个阶段:初始化、运行中、销毁。其中,初始化有4个钩子函数,分别是beforeCreate(实例创建前)、created(实例创建完成之后)、beforeMount(组件挂载前)、mounted(组件挂载后)。运行中有两...转载 2019-06-28 11:30:24 · 317 阅读 · 0 评论 -
虚拟dom
1.什么是虚拟dom? vdom是什么? 它是一个Object对象模型,用来模拟真实dom节点的结构 需求: vdom如何模拟真实dom,如果将来我想在增加一个li,里的内容为 : hello,world 在增加10个li,内容为: xxx <div class = "box"> <ul> <li> vdom</li> ...原创 2019-06-28 11:40:33 · 176 阅读 · 0 评论
分享