vue配置对象
data: 数据
template: 字符串,配置模版 参考: https://www.cnblogs.com/kaibindirver/p/13285430.html
el:配置挂载区域
methods: 配置方法
computed: 配置计算属性 里面的函数可以当变量去调用 可以设置访问、赋值分别执行什么
参考视频后面的50分钟后才有开始https://ke.qq.com/webcourse/index.html#cid=2588158&term_id=102693719&taid=9173259872861694&vid=5285890803466783663
var vm = new Vue({
//配置
el : "#app",//配置模版
template:`<h1>{{title}}</h1>`,
data : {
//配置数据
title: "商品管理",
newProduct:{
name:"",
stock:"",
},
computed:{
fullName:{
访问这个函数时走这里, 调用和methods函数里面有区别,这里是直接 {{fullName}} 当值去调用就可以了
get(){
console.log("执行操作")
return this.title
}
给这个函数赋值时执行走这里的逻辑 如vm.fullName=333
set(val){
console.log("执行操作")
}
},
//创建函数 写在methods里面
methods:{
handleDelete(i){
this.products.splice(i,1);
},
});
方法里面调用方法的办法(注意是直接this函数的名字即可)
相关文章
- (尚043) Vue页面显示错误总结 `xxx`的区别
- (尚011)Vue事件处理
- vue - .gitignore
- 【Vue】Vue中【爷组件】与【子组件】通过【父组件】参数相互调用方法(props方式,图文+代码示例)
- 【Vue】Vue-cli(脚手架)的安装与配置(一步一步图文)
- Node+TS+Koa+vue 商城全栈(四) 配置ts开发环境
- vue 获取屏幕宽高 width height
- Vue实例初始化的选项配置对象详解
- 几款实用的VUE移动端UI框架
- 最新版教学Vue.js渐进式JavaScript框架
- vue.js精讲02
- IntellIJ IDEA 配置 Vue 支持
- vue-cli3.0 多环境打包配置
- vue-cli配置移动端自适应flexible.js
- vue之package.json文件解析
- 【vue create】二.配置Esline、less、nprogress、ant-design-vue、环境变量env、axios、vuex、Router、路由守卫以及登录页
- vue-router4之重定向与别名
- vue-cli3升级到vue-cli4
- 浅析vue-cli如何配置NODE_ENV等各种环境变量及NODE_ENV设置为test、development以及其他值时会出现什么情况
- 浅析Vue3相关基础知识:Vue3应用配置、重写的v-model、emits 选项、getCurrentInstance()获取实例、采用mitt实现全局通讯、vue-router的新特性
- 浅析vue-cli4相关配置解析:productionSourceMap、lintOnSave、css.sourceMap、css.extract、parallel、configureWebpack、chainWebpack、outputDir/assetsDir/indexPath
- vue前台(二)axios二次封装,接口函数书写以及发送请求
- vue前台(二)在路由配置项中,配置meta属性来影藏组件
- 浅谈Vue中的路由配置项meta
- vue 中el-input 为number 如何控制不允许输入负号
- CSS:引用自定义字体(Vue引用自定义字体)