vue 自定义函数（vue原理）

1. vue里单词转小写用哪个函数
2. vue原理

vue里单词转小写用哪个函数

在JavaScript（因此也在Vue.js）中，将字符串转换为小写可以使用 toLowerCase() 函数。例如：
javascript
复制
let str = "HELLO WORLD";
let lowerCaseStr = str.toLowerCase();
console.log(lowerCaseStr); // 输出 "hello world"
在Vue.js中，你可以在计算属性（computed property）或方法（methods）中使用这个函数。例如：
javascript
复制
new Vue({
el: '#app',
data: {
word: 'HELLO'
},
computed: {
lowerCaseWord: function() {
return this.word.toLowerCase();
}
}
})
在这个例子中，lowerCaseWord 是一个计算属性，它返回 word 的小写形式。

在Vue中，可以使用 tolowercase() 函数将单词转换为小写，使用 touppercase() 函数将单词转换为大写。例如：

const componentName = 'my-component';

const camelName = componentName.replace(/-((a-z))/g, (match, p1) => p1.toUpperCase()); // camelName => "MyComponent"

在这个例子中，我们使用 replace() 函数将连接符替换成空格，并使用 toUpperCase() 将每个单词的首字母转换为大写字母，最后得到了一个驼峰命名格式的字符串。

vue里单词转小写用tolowercase函数，转大写用touppercase函数。

vue原理

Vue是一个典型的MVVM框架，模型（Model）只是普通的JavaScript对象，修改它则视图（View）会自动更新。

1.首先执行初始化，对data执行响应化处理，这个过程发生在Observer中

2.同时对模板进行编译，找到其中动态绑定的数据，从data中获取并初始化视图，这个发生在Compile中

3.同时定义一个更新函数和watcher，将来会对应数据变化时wather会调用更新函数。

4.由于data中的某个key在一个视图中可能出现多次，所以每个key都需要一个管家Dep来管理多个watcher

5.将来data中的数据发生变化时，首先会找到对应的Dep，通知所有的watcher执行更新函数。

到此，以上就是小编对于vue 自定义函数式组件message的问题就介绍到这了，希望介绍的2点解答对大家有用，有任何问题和不懂的，欢迎各位老师在评论区讨论，给我留言。