1.3 VUE
关注
分享
扫一扫
文章平均质量分 89
kingov
生活嘛, 最重要的是有希望 !
展开
-
VUE基本指令(v-model,v-html,v-text,v-bind,v-if,v-show,v-for,v-on:click,组件,过滤器)
双向数据绑定v-bindv-bindtitle简化写法为title设置类名 v-bindclass隐藏显示元素v-if和v-showv-for遍历数组遍历对象v-onclick 点击事件简化语法click组件私有组件过滤器全局过滤器私有过滤器路由双向数据绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UT原创 2017-05-02 20:12:31 · 27920 阅读 · 0 评论 -
使用vuex做增删改查
目录结构webpack.config.jsconst path = require('path');const htmlplugin = require('html-webpack-plugin');const cleanplugin = require('clean-webpack-plugin');module.exports = { entry:{ main:'./原创 2017-07-24 13:17:43 · 8824 阅读 · 1 评论 -
vue2 ssr 服务端渲染入门demo
const Vue = require('vue')const server = require('express')()const renderer = require('vue-server-renderer').createRenderer({ template: require('fs').readFileSync('./temp.html', 'utf-8') })//供t原创 2017-08-30 17:04:17 · 1636 阅读 · 0 评论 -
vue使用插槽分发内容slot的用法
将父组件的内容放到子组件指定的位置叫做内容分发//在父组件里使用子组件&lt;son-tmp&gt; &lt;div&gt;我是文字，我需要放到son-tmp组件里面制定的位置&lt;/div&gt;&lt;/son-tmp&gt;单个插槽父组件app.vue&lt;template&gt; &am原创 2017-10-20 11:13:44 · 54053 阅读 · 4 评论 -
vue父组件和子组件通过sync实现双向数据绑定
父子组件的双向数据绑定父组件改变数据可以改变子组件, 但是子组件的内容改变并不会影响到父组件可以通过2.3.0新增的sync修饰符来达到双向绑定的效果father.vue<template> <div class="hello"> //input实时改变wrd的值, 并且会实时改变box里的内容 <input type="t...原创 2017-10-27 18:35:02 · 11156 阅读 · 1 评论 -
vue全局自定义指令和局部自定义指令
局部自定义指令(只针对组件内的元素)定义全局自定义指令自定义指令的钩子函数自定义指令钩子函数的参数例子除了默认设置的核心指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。局部自定义指令(只针对组件内的元素)父组件app.vue<template> <div id="app"> <tes...原创 2017-10-20 15:55:35 · 16865 阅读 · 0 评论 -
nuxt.js服务端渲染使用postcss-px2rem
在用vue做服务端渲染的时候需要对移动端做适配所以要用到postcss-2rem插件, 首先下载flexible.js可加载阿里的cdn文件 http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js将下载好的文件放到static也就是静态资源文件中下载postcss-px2remnpm install --save...原创 2018-04-05 17:17:13 · 8654 阅读 · 3 评论 -
Uncaught ReferenceError: development is not defined vue运行webpack.dev报错
Uncaught ReferenceError: development is not defined vue.esm.js?efeb:370原创 2018-10-02 13:02:19 · 5195 阅读 · 0 评论