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