1 is="lili"
2 message 传值
3 todo: 父子属性传值
- <!DOCTYPE html>
- <html>
- <title>vue 中的条件渲染 </title>
- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
- <body><div id="app">
- <ul>
- <li is="lili"></li>
- </ul>
- </div>
- <script>
- Vue.component("lili",{
- data:function(){
- return {
- message:"message"
- }
- },
- template:'<li>{{message}}</li>'
- })
- var vm = new Vue({
- el:"#app",
- data:{
- message:"hello world"
- }
- })
- </script>
- </body>
- </html>
来源: http://www.bubuko.com/infodetail-2638878.html