This commit is contained in:
3056762376@qq.com 2022-11-19 11:19:25 +08:00
parent 03422586ba
commit 23534be42b
58 changed files with 58 additions and 58 deletions

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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({

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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({

View File

@ -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({

View File

@ -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",

View File

@ -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({

View File

@ -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 数组)

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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({

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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>

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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",

View File

@ -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', {

View File

@ -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({

View File

@ -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',{

View File

@ -19,7 +19,7 @@
<fds></fds>
</div>
</body>
<script src="../../JavaScript/vue.min.js"></script>
<script src="../../00-tools/JavaScript/vue.js"></script>
<script>
/*
全局组件与局部组件的区别