changes
This commit is contained in:
parent
03422586ba
commit
23534be42b
|
@ -56,7 +56,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
let tables=new Vue({
|
let tables=new Vue({
|
||||||
el:".model",
|
el:".model",
|
||||||
|
|
|
@ -31,7 +31,7 @@
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</body>
|
</body>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
let table=new Vue({
|
let table=new Vue({
|
||||||
el:"#tables",
|
el:"#tables",
|
||||||
|
|
|
@ -35,7 +35,7 @@
|
||||||
<button v-on:click="sub">-</button>
|
<button v-on:click="sub">-</button>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
let vue=new Vue({
|
let vue=new Vue({
|
||||||
el:"#count",
|
el:"#count",
|
||||||
|
|
|
@ -21,7 +21,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
setTimeout(function(){
|
setTimeout(function(){
|
||||||
let tip=new Vue({
|
let tip=new Vue({
|
||||||
|
|
|
@ -19,7 +19,7 @@
|
||||||
<img :src="imgHref" alt="">
|
<img :src="imgHref" alt="">
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
let vue=new Vue({
|
let vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
<div :style="ChangeStyles()">你好</div>
|
<div :style="ChangeStyles()">你好</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
let vue=new Vue({
|
let vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -30,7 +30,7 @@
|
||||||
<div :class="cons()">{{content}}</div>
|
<div :class="cons()">{{content}}</div>
|
||||||
<button v-on:click="change()" :class="btns()">点击我变色</button>
|
<button v-on:click="change()" :class="btns()">点击我变色</button>
|
||||||
</div>
|
</div>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
let vue=new Vue({
|
let vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -42,7 +42,7 @@
|
||||||
<div :class="contents(index)" @click="change(index)" v-for="(items,index) in content" class="item">{{items}}</div>
|
<div :class="contents(index)" @click="change(index)" v-for="(items,index) in content" class="item">{{items}}</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
let vue=new Vue({
|
let vue=new Vue({
|
||||||
el:"#nav",
|
el:"#nav",
|
||||||
|
|
|
@ -34,7 +34,7 @@
|
||||||
<div :class="isChange()" v-on:click="change">{{content}}</div>
|
<div :class="isChange()" v-on:click="change">{{content}}</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
let vue=new Vue({
|
let vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -34,7 +34,7 @@
|
||||||
<li v-for="li,i in lists" :class="isClass()" v-on:click="change(i)">{{li}}</li>
|
<li v-for="li,i in lists" :class="isClass()" v-on:click="change(i)">{{li}}</li>
|
||||||
</ul>
|
</ul>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
let vue=new Vue({
|
let vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -33,7 +33,7 @@
|
||||||
<div v-on:click="click_on()" :class="ChangeClasses">{{nums}}</div>
|
<div v-on:click="click_on()" :class="ChangeClasses">{{nums}}</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
let vue=new Vue({
|
let vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
<div>{{fullName}}</div>
|
<div>{{fullName}}</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
let vue=new Vue({
|
let vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -19,7 +19,7 @@
|
||||||
<div>{{fullName()}}</div>
|
<div>{{fullName()}}</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
let vue=new Vue({
|
let vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
{{fullname}}
|
{{fullname}}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
let vue=new Vue({
|
let vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -28,7 +28,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
let vue=new Vue({
|
let vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
你所购买的图书需要{{total}}元
|
你所购买的图书需要{{total}}元
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
let sum=0
|
let sum=0
|
||||||
let fun=new Vue({
|
let fun=new Vue({
|
||||||
|
|
|
@ -49,7 +49,7 @@
|
||||||
<div>总学分:{{total}}</div>
|
<div>总学分:{{total}}</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
let Counts=0
|
let Counts=0
|
||||||
let vue=new Vue({
|
let vue=new Vue({
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
我的姓名是{{fullname}}
|
我的姓名是{{fullname}}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
let vue=new Vue({
|
let vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -34,7 +34,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
let sum=0;
|
let sum=0;
|
||||||
let vue=new Vue({
|
let vue=new Vue({
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
<div>学生书籍总数量:{{BookCounts}}</div>
|
<div>学生书籍总数量:{{BookCounts}}</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
/*
|
/*
|
||||||
for循环ES6语法格式:for(变量 of 数组)
|
for循环ES6语法格式:for(变量 of 数组)
|
||||||
|
|
|
@ -37,7 +37,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -27,7 +27,7 @@
|
||||||
<button @click="clickon3">按钮3</button>
|
<button @click="clickon3">按钮3</button>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -45,7 +45,7 @@
|
||||||
<button class="cancel" @click="isRemove()">减少</button>
|
<button class="cancel" @click="isRemove()">减少</button>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
{{fulltext}}
|
{{fulltext}}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -57,7 +57,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -45,7 +45,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -46,7 +46,7 @@
|
||||||
<div>总共藏书{{C_Book}}</div>
|
<div>总共藏书{{C_Book}}</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
let count=0
|
let count=0
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
|
|
|
@ -43,7 +43,7 @@
|
||||||
<div>总数量{{isCount}}</div>
|
<div>总数量{{isCount}}</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -46,7 +46,7 @@
|
||||||
<div>总共{{totalPrices}}元</div>
|
<div>总共{{totalPrices}}元</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -44,7 +44,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -23,7 +23,7 @@
|
||||||
<button @click="ChangeModel()">切换</button>
|
<button @click="ChangeModel()">切换</button>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -44,7 +44,7 @@
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
<div id="app">
|
<div id="app">
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
// filter对li的数据进行过滤
|
// filter对li的数据进行过滤
|
||||||
//map对数值进行操作*2
|
//map对数值进行操作*2
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
<div v-for="item,key,index in info">{{item}}的键是{{key}}他所在的下标为{{index}}</div>
|
<div v-for="item,key,index in info">{{item}}的键是{{key}}他所在的下标为{{index}}</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -67,7 +67,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -22,7 +22,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -38,7 +38,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
new Vue({
|
new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -37,7 +37,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -82,6 +82,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script src="../JavaScript/Shop_list.js"></script>
|
<script src="../JavaScript/Shop_list.js"></script>
|
||||||
</html>
|
</html>
|
|
@ -20,7 +20,7 @@
|
||||||
<div>{{hello}}</div>
|
<div>{{hello}}</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
constvue=new Vue({
|
constvue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -27,7 +27,7 @@
|
||||||
<h2>你所选择的水果是{{Fruit}}</h2>
|
<h2>你所选择的水果是{{Fruit}}</h2>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -24,7 +24,7 @@
|
||||||
你输入的文本内容是{{text}}
|
你输入的文本内容是{{text}}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -17,7 +17,7 @@
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -16,7 +16,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
<br> data中的数据:{{message}}
|
<br> data中的数据:{{message}}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -15,7 +15,7 @@
|
||||||
<br> data中sex的数据:{{sex}}
|
<br> data中sex的数据:{{sex}}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue = new Vue({
|
const vue = new Vue({
|
||||||
el: "#app",
|
el: "#app",
|
||||||
|
|
|
@ -16,7 +16,7 @@
|
||||||
<button :disabled="!Chicked">下一步</button>
|
<button :disabled="!Chicked">下一步</button>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -14,7 +14,7 @@
|
||||||
<br> data中的数据:{{message}}
|
<br> data中的数据:{{message}}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue = new Vue({
|
const vue = new Vue({
|
||||||
el: "#app",
|
el: "#app",
|
||||||
|
|
|
@ -19,7 +19,7 @@
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -34,7 +34,7 @@
|
||||||
<button :disabled="!agree">下一步</button>
|
<button :disabled="!agree">下一步</button>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -34,7 +34,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -41,7 +41,7 @@
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -75,7 +75,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -14,7 +14,7 @@
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../JavaScript/vue.min.js"></script>
|
<script src="../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const vue=new Vue({
|
const vue=new Vue({
|
||||||
el:"#app",
|
el:"#app",
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
<cpn></cpn>
|
<cpn></cpn>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../../JavaScript/vue.min.js"></script>
|
<script src="../../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
Vue.component(
|
Vue.component(
|
||||||
'cpn', {
|
'cpn', {
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
<cpn></cpn>
|
<cpn></cpn>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../../JavaScript/vue.min.js"></script>
|
<script src="../../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
// 易犯错点:创建组件和初始化组件时不需要new一个对象
|
// 易犯错点:创建组件和初始化组件时不需要new一个对象
|
||||||
const extend= Vue.extend({
|
const extend= Vue.extend({
|
||||||
|
|
|
@ -19,7 +19,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../../JavaScript/vue.min.js"></script>
|
<script src="../../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
Vue.component(
|
Vue.component(
|
||||||
'dps',{
|
'dps',{
|
||||||
|
|
|
@ -19,7 +19,7 @@
|
||||||
<fds></fds>
|
<fds></fds>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script src="../../JavaScript/vue.min.js"></script>
|
<script src="../../00-tools/JavaScript/vue.js"></script>
|
||||||
<script>
|
<script>
|
||||||
/*
|
/*
|
||||||
全局组件与局部组件的区别
|
全局组件与局部组件的区别
|
||||||
|
|
Loading…
Reference in New Issue