enoyao issues

Results 197 issues of


                                            enoyao

vue-aplayer

## 安装 ### Node ``` $ yarn add vue-aplayer ``` 或者如果你选择 `npm` ``` $ npm i vue-aplayer ``` ### CDN ```html Vue.component('aplayer', VueAPlayer) ``` ## 运行时要求 - [Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) - [Fetch...

vue自定义指令

## 全局定义我们可以用Vue.directive来全局定义一个指令，定义完之后我们就可以在对应html结构前缀v-加上directive名字来激活这个指令 - bind：只调用一次，在指令第一次绑定到元素上时调用。 - update：在 bind 之后立即以初始值为参数第一次调用，之后每当绑定值变化时调用，参数为新值与旧值。 - unbind：只调用一次，在指令从元素上解绑时调用。 ```js Vue.directive('cclick', { //bind就是先帮我们绑定，但不去执行这个test()函数，而updata则是绑定完后执行一次，后面每次更新都去执行一次 bind: function(value) { var self = this; //指令的名字，不包含前缀 v-cclick:click="test()"中的cclick console.log(this.name) //指令的表达式，不包括参数和过滤器 v-cclick:click="test()"中的test() console.log(this.expression) //指令的参数...

vue同组件不同路由切换

当我们使用路由的时候，切换不同路由进去同一个组件的时候，想监听这个路由的改变可以运用以下代码 ![kapture 2018-11-01 at 12 57 20](https://user-images.githubusercontent.com/17243165/47833442-bfc60b80-ddd5-11e8-8b81-238d3f07f8e6.gif) ```js export default { data() { //... watch: { $route: function(to, from) { this.$route.params; console.log("路由变化了"); } } }; ```

vue指令

## v-text v-text类似于表达书`{{}}`的作用，不过以指令的形式写的时候就会像表达式那样在vue未加载完时候显示`{{}}` ```html {{name}} ``` ## v-html 输出html结构，要注意的是不要用在用户提交的地方，以防XSS攻击 ```html {{{html}}} ``` ## v-if 条件判断渲染，跟v-show的区别在于，v-show是改变display的属性值，而v-if是对DOM结构的增删 ```html wsscat wsscat ``` ## v-show 根据表达式的值的真假切换元素的display CSS属性，注意angular有ng-show和ng-hide，但是vue没有v-hide ```html wsscat wsscat ``` ## v-if&&v-show 前一兄弟元素必须有v-if或v-show，也就是说包含v-if和v-show的标签要紧靠在一起，不然就会失效...

vue过渡动画

## 过渡动画 transition 特性可以与下面资源一起用： - v-if - v-show - v-for （只在插入和删除时触发，使用 vue-animated-list 插件） DEMO ```html /* 必需 */ /*伸展动画*/ .expand-transition { transition: all .3s ease; height: 20px; padding: 10px; background-color:...

vue-cli脚手架

如果是mac系统安装全局包的时候，在npm前面写上sudo，添加权限 ```bash sudo npm install -g vue-cli ``` 初始化第一个项目 ![qq20160820-0](https://cloud.githubusercontent.com/assets/17243165/17830275/da585a5c-66f9-11e6-883f-35d18eb8978d.png) 定位到我们的项目文件夹位置 ```bash cd my-first-vue-project ``` 然后安装**package.json**的依赖包 ```bash sudo npm install ``` 安装完成之后我们就可以运行服务器运行我们的第一个项目 ```bash npm run dev ``` ![qq20160820-1](https://cloud.githubusercontent.com/assets/17243165/17830381/4b81b29e-66fc-11e6-9b4d-b82584e0034d.png) 用`npm run...

vue异步组件

# 构建异步组件先定义一个外部的`xheader.js`来声明一个组件 ```js Vue.component("xheader", { template: ` 头部组件 ` }) ``` # 构建异步加载方法这个是异步创建`script`节点实现异步加载`.js`文件，从而实现异步加载`xheader.js`文件 ```js // 实现异步加载js文件 function load(componentName, path) { return new Promise(function (resolve, reject) { var script...

enoyao