0530 vue Render mixins 和flex布局
2、
Vue双向绑定
https://segmentfault.com/a/1190000016434836
3、
- Vue.extend ??
4、Render
https://segmentfault.com/a/1190000010913794?utm_source=tag-newest
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>render</title>
<script src="https://cdn.bootcss.com/vue/2.3.4/vue.js"></script>
</head>
<body>
<div id="app">
<elem></elem>
</div>
<script>
Vue.component('elem', {
render: function(createElement) {
var self = this;
// return createElement('div', '文本');//使用字符串生成文本节点
return createElement('div', [//由createElement函数构建而成的数组
createElement('h1', '主标'),//createElement函数返回VNode对象
createElement('h2', '副标')
]);
}
});
new Vue({
el: '#app'
});
</script>
</body>
</html>
5、混入 (就相当于组合类)
https://cn.vuejs.org/v2/guide/mixins.html
例子：
// 定义一个混入对象
var myMixin = {
created: function () {
this.hello()
},
methods: {
hello: function () {
console.log('hello from mixin!')
}
}
}
// 定义一个使用混入对象的组件
var Component = Vue.extend({
mixins: [myMixin]
})
var component = new Component() // => "hello from mixin!"
Flex的
理论的
https://www.cnblogs.com/qcloud1001/p/9848619.html
操作的
https://www.cnblogs.com/lynnmn/p/6262941.html
浙公网安备 33010602011771号