vue从入门的实战学习
文本插值的方法
第一种：{{}} 将文本当做结果渲染到页面中，可以在里面写三元表达式，运算 compute 计算属性，返回一个结果，计算属性会当做属性，所以可以在这里使用，函数可以
第二种 v-html 将htmml标签渲染到页面
属性绑定v-bind
绑定的是一个元素的属性，属性的值可以用三元表达式或者运算
绑定class的方式 可以是字符串，对象，
obj{
class1:ture,
class2：false}
ture表示这个class生效
事件绑定
将一个元素绑定一个事件
- 获得事件对象
- @click="handle" 后面不要写（）
handlle(event){}
事件修饰符，如prevent,
-
手动传入$event
@click="handle($event)"
修饰符是有顺序的可以组合使用修饰符
v-model
v-model和修饰符
v-for
如果使用 sun[0]="ss",obj[key]="dddd" ，这样修改vue并不会响应式更新，要使用方法，如数组push
加key可以追踪到对应DOM
v-show
vue实例
prop
可以规定父组件传过来的数据类型，并进行检验
data
methods
comput
注意不要使用箭头函数，因为箭头函数没有函数作用域，当comput当做属性挂载到vue实例上时this不会指向vue实例,methods也是这样
watch
依赖项发生变化时执行对应的操作，可以执行异步操作
promise的学习
- 是什么
异步操作的解决方案，所有的异步操作都会返回一个promise
- 为什么
解决回调地狱的问题
-
怎么做 基本格式
let a = new promise((resole,rejute=> { resole("成功") rejuce("失败") } )) a.then(console.log) .catch(console.log)
成功或者失败分别调用对应的函数、、
今天工作
接口地址想在打包后可以修改,不能使用es6语法引入
在public 目录下新建config.js文件
const config={
url:'sdfsdfs'
}
然后在public的html文件下使用script引入js文件
最后在eslintrc下注册全局变量
globals:{
"url":flase
}
反思：对于前端的知识点没有进行一个系统的总结，导致经常出现错误，还有写的代码不够多，会经常出现不知道从何下手的情况
