关于Vuevue.js视频教程关于先写的父子兄弟控件的传值如果是需要共享的数据最好用vuex存储Vuex官网Vuex教程不同插件传值控制-处理边界条件v-mode.lazy-替换input监听变化事件number-将输入字符串转换为有效数字trim-过滤input首尾空格对于单选按钮,checkboxes和选择列表选项,由v-model绑定的值通常是静态字符串(复选框的逻辑值)。所以下面的错误很常见data(){return{num:1,};}当你定义num为number类型时,如果你在input中复制num,你会惊讶地发现num变成了string类型。解决方案:添加.number后缀在某些场景下,我们会使用{}来存储某些类型的对象例如,车主和车的映射关系可以记为:{'Alice':newCar(),'Bob':newCar()}在TypeScript中声明这个对象的类型时遇到了一个问题:该属性对象的名字是未知的,但是所有属性名对应的值的类型是确定的。在这种情况下,可以使用IndexableTypes来解决问题。以上面的例子为例:interfaceCarOwners{[key:string]:Car;}constcarOwners:CarOwners={'Alice':newCar(),'Bob':newCar()}参考:对象的类型注解属性未知但属性类型已知?关于TS检查,在写代码的时候,提示有些变量没有用错no-unused-vars。这有时很烦人。解决方法在package.json文件中,eslintConfig->rules下配置:"no-unused-vars":[0,{"vars":"local","args":"none"}]其??他相关规则检查也可以添加到列表中如何更改页面标题需要使用自定义指令-directive1。定义自定义指令directive.tsexportdefault{webTitle:{inserted(el:any,binding:any){const{value}=binding;if(!!value==true){//方法二,命令参数document.title=value}},update(el:any,binding:any,vnode:any,oldVnode:any){const{value}=bindingif(!!value==true){//方法二,指令参数document.title=value}}}}2.注册到vuemain.jsimport指令from'./lib/directive'Vue.directive("webTitle",directive.webTitle)3.在vue-router路由中定义titlemeta:{title:'UserManagement',}4.在组件的任意元素上注册v-web-title="$route.meta.title"注意格式v-web-title,对应webTitle