alannero

摘要： setup() { //数据 let num = ref(0) let msg = ref('6666') let person = reactive({ name:'大王', age:18, job:{ j1:{ money:20 } } }) //情况1：监视ref定义的数据（watch有第三个 阅读全文

摘要： import { reactive, computed } from "vue"; export default { name: "HelloWorld", setup() { let person = reactive({ firstName: "李", lastName: "晓玲", }); / 阅读全文

摘要： 安装； npm i vuex 创建store文件夹，包含count.js perosn.js 以及汇总的index.js count.js: export default{ namespaced:true, actions:{ waitJia(context,val){ context.commit 阅读全文

摘要： 全部引入 安装：npm i element-ui main.js: //引入element import ElementUI from 'element-ui'; //引入element全部样式 import 'element-ui/lib/theme-chalk/index.css'; Vue.u 阅读全文

摘要： route.js // 该文件专门用于创建整个应用的路由器 import VueRouter from 'vue-router' //引入组件 import About from '../pages/About' import Home from '../pages/Home' import New 阅读全文

摘要： message组件： <div> <ul> <li v-for="m in messageList" :key="m.id"> <router-link :to="{ name:'xiangqing', params:{ id:m.id, title:m.title } }"> {{m.title} 阅读全文

摘要： 效果图 安装axios npm i axios search组件： <template> <div class="search"> <section class="jumbotron"> <h3 class="jumbotron-heading">Search Github Users</h3> < 阅读全文

摘要： 安装全局事件总线： main.js: new Vue({ el:'#app', render: h => h(App), beforeCreate(){ Vue.prototype.$bus = this//安装全局事件总线 } }) 传值组件中 methods:{ sendName(){ this 阅读全文

摘要： 插件引入（main.js里引用） import Plugin from './plugins.js'; Vue.use(Plugin); main.js import Vue from 'vue' import App from './App.vue' Vue.config.productionTi 阅读全文

摘要： student.vue <template> <div class="student"> <h2>{{name}}</h2> <h2>{{age}}</h2> <button @click="showName">点我显示名字</button> </div> </template> <script>/ 阅读全文