Vue
入门Vue
coodingcc
调试的错误就是编程给你最好的东西,因为在每个错误上面都标志着前进的一步。
展开
-
单元素/组件的过渡
Vue 提供了 transition 的封装组件,在下列情形中,可以给任何元素和组件添加进入/离开过渡条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点<style>.fade-enter-active, .fade-leave-active { transition: opacity .5s;}.fade-enter, .fade-le...原创 2019-03-22 15:38:59 · 281 阅读 · 0 评论 -
Vue 插槽详解-slot
插槽内容:插槽内可以是任意内容父组件<template> <div class="app"> <!-- 关于插槽 --> <navigation-link :lists="nameList"> <!-- 具名插槽与默认插槽 --> <!-- <te原创 2019-01-15 16:02:33 · 304 阅读 · 0 评论 -
Vue.js中用v-bind绑定class的注意事项
代表所对应的样式的class名称必须加上引号,否则会将其当做对象的属性,从而使得初始化报错。&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &原创 2018-10-18 20:31:01 · 3806 阅读 · 0 评论 -
v-for和v-once的用法及自定义指令
&lt;template&gt; &lt;div id="app"&gt; &lt;h1&gt;Hello Vuex&lt;/h1&gt; &lt;p&gt;{{aaa}}&lt;/p&gt; &lt;button原创 2018-09-19 00:28:32 · 718 阅读 · 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;amp;原创 2018-09-18 21:47:14 · 123 阅读 · 0 评论 -
vuex探秘
1.安装node.js安装完成后可以查看node -vnpm -v如果出现版本号则安装成功,到这里node的环境已经安装完了,npm包管理工具也有了,但是由于npm的有些资源被墙,为了更快更稳定,所以我们需要切换到淘宝的npm镜像——cnpm。npm install -g cnpm --registry=https://registry.npm.taobao.org2.v...原创 2018-09-13 21:45:23 · 141 阅读 · 0 评论 -
Vue组件
props内写的是驼峰命名法,为什么在HTML(模板)中又用了短横线命名法? (camelCased VS kebab-case) 首先我们知道,Vue组件的模板可以放在两个地方: 1. Vue组件的template选项属性中,作为模板字符串 2.放在index.html中,作为HTML 这里的问题在于,HTML特性是不区分大小写的 所以在Vue注册组件中通用的驼峰命名法,显然不适用于...原创 2018-08-06 10:58:05 · 314 阅读 · 0 评论 -
vue获取验证码
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Vue起步学习</title> <script src="./js/vue.min.js"></script&原创 2018-08-21 11:18:12 · 1966 阅读 · 1 评论 -
状态管理方案Vuex VS Bus
有的时候一个事件,对应的模块都要找半天,而vuex相当于中介,又可以看作是模块化,一种对事件通信的模块化处理。对一个事件,vuex大体可以看作四步,第一到action里面查到这个事件的触发,第二到mutaction里面查看对应处理,第三步改变store的状态,第四部getter视图渲染;vuex三个关键词:action,mutation,store,中文意思:活动的,突变的,储存的,注意actio...原创 2018-07-26 10:19:13 · 970 阅读 · 0 评论 -
10s倒计时vue
this.getCount( "detailShow", "detailDisabled", "detailTimer", "detailCount" ); //10s倒计时 getCount: function(show, disabled, timer, count) { const...原创 2018-08-31 11:56:46 · 2533 阅读 · 0 评论 -
Vue组件为什么要export default
Vue的模块机制:Vue是通过webpack实现模块化,因此可以使用import来引入模块,例如:此外,你还可以在 bulid/webpack.base.conf.js 文件中修改相关配置:意思是,你的模块可以省略 “.js”,".vue",“.json” 后缀,weebpack 会在之后自动添加上;可以用 “@” 符号代替 “src” 字符串等。export 用来导出模块,Vue 的单...原创 2019-09-03 20:18:44 · 936 阅读 · 1 评论