guohao326的博客

<div class="box" :style="{backgroundImage: 'url(' + imgSrc + ')'}"></div>

第一种第二种

第一种第二种第三种第四种 动态路由第五种if else (key)甄别标签

父组件&lt;style&gt;&lt;/style&gt;&lt;template&gt; &lt;div&gt; &lt;child-b&gt; &lt;!--显示在未命名插槽--&gt; &lt;div&gt;vue 插槽{{msg}}&lt;/div&gt; &lt;!--指定插槽 可以在普通 dom 元素上

父组件&lt;style&gt;&lt;/style&gt;&lt;template&gt; &lt;div&gt; &lt;div&gt;父组件&lt;/div&gt; &lt;child width='200' :message="parentMsg" @funA="selectFunc"

1：使用npm下载：npm install wangeditor2: 直接在项目模板中引用import E from 'wangeditor'3：HTML&lt;div id="editorElem" style="text-align:left"&gt;&lt;/div&gt;&lt;button v-on:click="getContent"&gt;查看内容&lt;

需要修改两个文件如果想改变生成文件的位置

addcate(){ let that = this; console.log(this.catename); this.$http.post('http://127.0.0.1/tp51/public/index/cate/addcate', { catename:this.catename }).t

import Vue from 'vue'import Router from 'vue-router'import Hello from '@/components/Hello'import login from '@/components/login'import reg from '@/components/reg'import chen from '@/components/co

1>首先安装nodejs 版本5.0以上node -v  （测试安装好了没有--安装好了就不用安装了）**可以依赖淘宝镜像（如果需要就安装）npm install cnpm -g --registry=https://registry.npm.taobao.org********用cmd切入自己创建的文件黑窗口**********2>cnpm inatall vue-c

template> div class="hello"> div class="top">这里是首页div> button @click="addItem">增加button> ul> li v-for="g in list"> span>{{g.mm}}span>** span>{{g.price}}span>

html>html lang="en">head> meta charset="UTF-8"> title>内置指令title> script src="js/vue.js" >script>head>body>div id="app"> my-comp>my-comp>div>script> Vue.component("myComp",

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="js/vue.js">script>head>body> div id="app"> my-comp>my-comp> div> div i

html>html>head> title>title> script type="text/javascript" src="https://cdn.jsdelivr.net/vue/2.1.3/vue.js">script>head>body>div id="app"> p>{{ message }}p>div>script type="text/ja

html>html lang="en">head> meta charset="UTF-8"> title>内置指令title> script src="js/vue.js" >script>head>body>div id="app"> div v-bind:title="msg">将鼠标放上去看看div> button v-on:click

html>html lang="en">head> meta charset="UTF-8"> title>内置指令title> script src="js/vue.js" >script>head>body>div id="app"> {{msg | uppercase}}br> {{box | lowercase}}br> ==

html>html lang="en">head> meta charset="UTF-8"> title>内置指令title> script src="js/vue.js" >script>head>body><!---- v-text ==== {{}} ng-bind v-html ==== ng-bind-html

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="js/vue.js">script>head>body><!---- 在VUE中，数据双向绑定时，必须在data属性中申明这个变量 {{}} === v-text 进行文本的数据双向绑定

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="js/vue.js">script>head>body> div id="app"> my-comp :name="msg" :lev="levv">my-comp>

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="js/vue.js">script>head>body>div id="app"> my-comp>my-comp> my-comp2>my-comp2>div>body>

html>html lang="en">head> meta charset="UTF-8"> title>内置指令title> script src="js/vue.js" >script>head>body>div id="app"> ul> my-comp>my-comp> li is="my-comp2">li>

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="js/vue.js">script>head>body>div id="app"> div>{{name}}div> hr/> my-comp v-on:even="ji

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="js/vue.js">script>head>body> div id="app"> my-comp> my-comp2>my-comp2> my-

1）安装Vuex.jsnpminstall vuex --save2）在src目录下新建文件夹vuex 并在该文件夹下新建vuex.js/*自己定义的vuex.js*/import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store={ state:{ msg:'',

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css"> script src="http://apps.bdimg.com

html>html lang="en">head> meta charset="UTF-8"> title>vue-routertitle> link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css"> script src="js/vue.j